<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />  
<meta http-equiv="Pragma" content="no-cache" />  
<meta http-equiv="Expires" content="0" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>添加保养记录</title>
   <link rel="stylesheet" href="../../components/bootstrap/dist/css/bootstrap.min.css">  
    <link href="../../components/mobisscroll/css/mobiscroll.custom-3.0.0-beta2.min.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="../../components/jquery2.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="../../components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../components/mobisscroll/js/mobiscroll.custom-3.0.0-beta2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../js/common/common.js"></script>
   <script type="text/javascript" src="../../js/homepage/maintainDate.js"></script>
</head>
<body>
	<img src="../../images/personal/10.png" style="width:100%;height:20%"><br>
<div id="header" class="container">
</div>
<br>
<div id="information" class="container">
  		<div class="form-group has-feedback ">
	      <input id="lastMaintainDate" size="16" type="text" value="" class="form-control" style="padding: 10px 80px" placeholder="选择上次保养日期">
		  <span class=" form-control-feedback " style="left:0;white-space:nowrap"><span style="font-family:黑体;text-align:left;">&nbsp;保养日期</span></span>
		  <span class="glyphicon glyphicon-chevron-right form-control-feedback" style="width:10%;right:0;"></span>
		</div>
	<div class="input-group">
	  <span class="input-group-addon">保养里程</span>
	    <input style="text-align:right" id="lastMaintainMileage" type="text" class="form-control" placeholder="输入上次保养里程（公里）">
	</div>
</div><br>
<div id="btn" class="container">
  <div class="panel panel-default clearfix">
    <input style="background-color:#31AFF7" id="button1" type="button"  data-toggle="modal" data-target="#myModal" value="提交" class="btn btn-primary btn-lg btn-block" />
  </div>
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body" style="text-align:center;">
				<p>提示</p>
				<p>您确定要提交吗？</p>
			</div>
			<div class="modal-footer" style="text-align:center">
				<button id="modalCancel" type="button" class="btn btn-default btn-lg" data-dismiss="modal">取消
				</button>
				<button id="modalSure" type="button" class="btn btn-default btn-lg" data-dismiss="modal">确认
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
  <input type="hidden" id="userId" >
  <input type="hidden" id="vin" >
</body>
</html>